昨天提到了利用 Sass 的 mixin 來處理煩人的 CSS3 前綴，不過在開發實務上，我會直接利用 Compass 來幫我處理這些東西。
這個部分就是 Compass 幫你寫好了許多的 mixin ，讓這些 CSS 屬性能夠在不同的瀏覽器上正常運作。
在載入網站時，http request 是非常昂貴的，因此許多網頁上面的 icon ，或者是較小的圖片，在實務上會一起把它拼成一個大張圖片，然後用 CSS background-image 搭配 background-position 來處理。
Compass 內建的 CSS sprite 是讓你可以引入單張小圖片，然後它會自動把你所有的圖片，自動組合成一張大圖片。
更多資訊：30天掌握Sass語法 - (28)Compass圖片合併功能(CSS Sprite)
iThome鐵人賽
看影片追技術